<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>准备页面</title>
    <style type="text/css">
        h1{
           font-family:黑体;
           text-decoration: underline overline;
           background:#678;
           color:white;
           }
        p{
          border:1px red solid;/*增加边框*/
          margin:5px 0px;/* 5为上下距离像素，0为左右距离像素*/
          }
        #p1{
            font-style:italic;
            text-transform:capitalize;
            word-spacing:10px;
            letter-spacing:-1px;/*设置单词与字母之间的间距和单词之间的距离*/
            }
        #p2 {
            text-transform:lowercase;
            color:red;
            text-indent:-2em;
            padding-left:2em;
            line-height:2;/*设置行高*/
            }
        #first{
           font-size:3em;
           float:left; /*左浮动*/
           }
        .middle{
           height:100px;
           line-height:100px;
           boeder:1px #666 solid;
           }

    </style>
</head>
<body>
    <h1>互联网发展的起源</h1>
    <p id="p1">ndjsdbkjdbvjlskf;odnv jfd vjf dkvj fkd </p>
    <p id="p2">为 April 考虑了当升科技点击就环境保护局激活两句话过滤法冲锋陷阵写博客环境出大事了成都市</p>
    <p id="p3"><span id="first">A</span>very李雨佳khckcns</p>
    <div class="middle">
        Here is ONE line of text
    </div>
</body>
</html>